<section *ngIf="tagData.asyncShow !== 'false'" class="article-wrap">
  <div *ngIf="tagData.data.headDiv && tagData.data.headDiv.headTitle" class="session-header">
    <p class="session-title">{{tagData.data.headDiv.headTitle}}</p>
    <div appDebounceClick (debounceClick)="moreActionClick(tagData.data.headDiv)" class="fr" class="more-ac-bg fr">
      <p class="action-label ">{{tagData.data.headDiv.moreLink.linkTitle}}</p><i class="detail-icon fr"></i>
    </div>
  </div>
  <div *ngFor="let item of tagData.data.data" class="container-box"
    [ngClass]="{'container-box-search': tagData.data.headDiv}">
    <div appDebounceClick (debounceClick)="get(item.link)">
      <!-- item.firstRowLeft.imgUrl -->
<!--?x-oss-process=image/resize,m_mfit,w_240 +'?x-oss-process=image/resize,m_fill,h_152,w_200'-->
      <div class="relativePositive">
        <img src="{{item.firstRowLeft?.imgUrl}}?x-oss-process=image/resize,m_mfit,w_240" class="relativeImg">
        <div class="recommond-box" *ngIf="item.firstRowLeft&&item.firstRowLeft?.firstTag">
          <img class="recommond-img" src="assets/icon/programme_icon_tj@3x.png"><span
            *ngIf="item.firstRowLeft.firstTag&&item.firstRowLeft.firstTag.label">{{item.firstRowLeft?.firstTag?.label}}</span>
        </div>
        <div class="inner-box">
          <img class="inner-img"
            *ngIf="item.firstRowLeft&&item.firstRowLeft.secondTag&&item.firstRowLeft.secondTag.iconUrl===undefined"
            onerror="this.src='assets/img/default_img_square.png';" src="assets/img/default_img_square.png">
          <img class="inner-img"
            *ngIf="item.firstRowLeft&&item.firstRowLeft.secondTag&&item.firstRowLeft.secondTag.iconUrl!==undefined"
            onerror="this.src='assets/img/default_img_square.png';" src="{{item.firstRowLeft?.secondTag?.iconUrl}}">
          {{item.firstRowLeft?.secondTag_2?.name}}
        </div>
      </div>
      <div class="inner-title">
        <p>{{item.secondRowLeft}}</p>
      </div>
      <div class="inner-sub-box">
        <div class="sub-box1">
          {{item.thirdRowLeft?.text}}
          <!-- 复式<div class="split-line"></div>
        美式气质<div class="split-line"></div>
        80-120㎡ -->
        </div>
        <div class="sub-box2">
          {{item.thirdRowRight?.text}}
        </div>
      </div>
    </div>
  </div>
  <!-- <h1 *ngIf="tagData.data.moreLink || tagData.data.columnTitle">
    <span>{{tagData.data.columnTitle}}</span>
    <span *ngIf="tagData.data.moreLink" class="more" appDebounceClick (debounceClick)="get(tagData.data.moreLink.link)">
      <a>查看全部</a><i class="arrow-icon"></i>
    </span>
  </h1>
  <div [ngClass]="{'moreLinkBottom':tagData.data.moreLink}" class="article" *ngFor="let item of tagData.data.data">
    <div class="detail" [class.noImg]="!item.imageUrl" appDebounceClick (debounceClick)="get(item.link)">
      <h2>{{item.title}}</h2>
      <p>{{item.info}}</p>
    </div>
    <img class="article-img" *ngIf="item.imageUrl" src="{{item.imageUrl}}?x-oss-process=image/resize,m_mfit,w_240"
      onerror="this.src='assets/img/default_img.png'" alt="article-image">
  </div>
  <div *ngIf="!this.tagData.data.data" style="height: 95.09px"></div>
  <button class="more-btn" *ngIf="tagData.data.moreButton"
    appDebounceClick (debounceClick)="get(tagData.data.moreButton.link)">{{tagData.data.moreButton.label}}</button> -->
    <ul *ngIf="!tagData.data.data || tagData.data.data.length === 0" style="height: 200.03px">
      <div  *ngIf="tagData.data.submit && tagData.searchText && (pageTotal === 0)">
        <div class="searchNoData" style="margin-top:1.25rem ;padding-top: 0;">抱歉，未找到“<span style="color: #FF6314;">{{keyword}}</span>”的相关结果</div>
      </div>
      <div class="searchNoData" style="margin-top:1.25rem ;padding-top: 0;" *ngIf="tagData.data.submit && !tagData.searchText">暂无数据</div>
  </ul>
  <!-- 向上滚动刷新 -->
  <ion-infinite-scroll
    *ngIf="!tagData.data.moreButton && pageTotal && pageNo*pageSize < pageTotal&&!tagData.data.headDiv" threshold="5%"
    (ionInfinite)="loadMoreData($event)">
    <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</section>